*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
} 
header{
    width: 100%;
}
nav{
    background: rgba(48, 68, 66, 0) !important;
    position: fixed !important;
    z-index: 111111111111;
    width: 100%; 
    padding: 30px 10% !important;
    top: 0;
    transition: all 0.8s;
}
.ative{
    background:  rgba(0,0,0,.5) !important;  
    padding: 20px 10% !important;
}
nav .navbar-brand{
    display:inline-block;
    background: url(../images/icons.png);
    background-position: 0 -2427px;
    width: 111px;
    height: 26px;
}

nav form{
   margin-left: 80%;
  
}
nav form .one{
    color: #FAEEEE;
}
nav form .one:hover{
    color: white;
}
.btn-outline-secondary{
    border-radius:20px;
    color: #B6B1B1;
} 
.bd-example{
    width: 100% !important; 
}
#carouselExampleCaptions{
    width: 100%;
}
.banner{
    width: 100%;
    height:100vh;
    position: relative;
    background: url(../images/background1.png) fixed;
    background-size: 100%;
    background-repeat: no-repeat;
}
.banner2{
    background: url(../images/background12.png) fixed;
    background-size: 100%;
    background-repeat: no-repeat;
}
.banner3{
    background: url(../images/background13.png) fixed;
    background-size: 100%;
    background-repeat: no-repeat;
     
}

@media (max-width:800px){
    .banner{
        height: 480px;
        background: url(../images/background1-mobile.png) no-repeat fixed;
        background-size: 100%;
    }
    .banner2{
        height: 480px;
        background: url(../images/background12-mobile.png) no-repeat fixed;
        background-size: 100%;
    }
    .banner3{
        height: 480px;
        background: url(../images/background13-mobile.png) no-repeat fixed;
        background-size: 100%;
    }
    nav{
        padding: 0 10% !important;
        padding-top: 10px !important;
    }
    .text form{
            padding: 0 12%;
    }
    .text{
        font-size: 14px;
        text-align: center;
    }
    .text h1{
        font-size: 20px;
    }
    .text input{
        width: 200px !important;
    }
    .text button{
        border-radius: 50%;
        width: 50px;
        height: 50px;
    }
    .text button a{
        display: none;
    }
    .text button img{
        display: block !important;
        margin-left: -5px;
    }
    
} 
@media (max-width:400px) {
    .text form{
            padding: 0 2%;
    }
}
.act{
    position: absolute;
    top: 50%;
    z-index: 99999; 
    transform: translateY(-50%);
    left: 0;
    right: 0;
    color: white;
}
.text h1{
    font-weight: 400;
}
.text p{
    color: #999393;
}
.input{
    padding-left: 25px;
    width: 460px !important;
    height: 50px;
    border-radius: 26px;
}
.butt{
    width: 136px;
    height: 50px;
    border-radius: 26px;
}
.text button img{
    display: none;
}










main .title{
        text-align: center;
    font-size: 12px;
    color: #bac6cd;
    text-transform: uppercase;
    line-height: 1.667;
}
main .subtitle{
    font-size: 32px;
    color: #000;
    line-height: 1.2;
    text-align: center;
    margin-top: 30px;
}
main .popular{
    margin-top: 100px;
}

main .popular .exam img{
    width: 100%;
    display: block;
}
main .popular .exam{
    border: 1px solid white;
    transition: all 0.3s;
}
main .popular .exam:hover{
    transform: translateY(-30px);
    border: 1px solid #CBCBCB;
}
@media (max-width:600px){
    main .popular .exam{
        margin-bottom: 30px;
    }
    main .popular .exam:hover{
    transform: translateY(0px);
    border: 1px solid white;
}
}
main .popular .exam .href{
    background: #5C5C52;
    height: 50px;
}
main .popular .exam .href a{
    color: white;
    height: 50px;
    line-height: 50px;
}
main .popular .exam .href a:hover{
    text-decoration: none;
}
main .popular .exam .href i{
    background-image: url(../images/icons.png); 
    background-position: 0 -41px;
    display: inline-block;
    width: 16px;
    height: 8px;
}



.show{
    margin-top: 100px;
    min-height: 449px;
    background-image: url(../images/background2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
} 
.show h1{
    font-size: 52px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    margin-top: 140px;
}
.show p{
    font-size: 19px;
    color: rgba(255,255,255,.6);
    line-height: 1.474;
    text-align: center;
    margin-top: 30px;
} 






footer{
    padding: 50px 0;
}
footer .iconf{
    background-image: url(../images/icons.png);
    background-position: 0 -2453px;
    width: 111px;
    height: 26px;

}
footer h6{
    font-size: .8rem;
    color: #877F7F;
}
footer .col-md-3 a { 
    color: #323232;
} 
footer .col-md-4 a { 
    color: #323232;
}
footer .col-md-3 a:hover{
    text-decoration: none;
    color: #877F7F;
}
footer .col-md-4 a:hover{
    text-decoration: none;
    color: #877F7F;
}
.zanzhu{
    margin-top: 40px;
}
footer .zanzhu a{
    font-size: 12px;
    color: #8fa4af;
    line-height: 1.2;
}
footer i{
    display: block;
    background-image: url(../images/icons.png);
    background-position: 0 -1970px;
    width: 150px;
    height: 19px;
}
